Open the file in Chrome
Chrome has the most reliable print engine. Firefox works. Safari sometimes clips right edges — avoid if possible. Open the HTML file locally or from wherever it's hosted.
Every file below has print CSS baked in. When you hit Cmd/Ctrl-P, the browser knows how to lay it out cleanly — no extra tooling required. Below is what each PDF looks like and what to use it for.
Complete brand documentation — story, naming, logo system, color, type, voice, product architecture, school portfolio, applications, and the compliance register. The full internal reference document.
The 14-slide pitch used to open conversations with new athletic departments. Landscape 16:9 slides, one page per slide, edit "[SCHOOL NAME]" in your PDF viewer or by editing the source before export.
Two-page sales sheet for institutional buyers. Front is the pitch (pricing, process); back is the details (sizing, add-ons, form fields, FAQ). Attach to every group-order intro email.
Hangtag and shoebox design references for the print production shop. Includes dielines, safe zones, dimension callouts, and handoff notes. Not press-ready — a reference for a print designer to build the final .ai files against.
Every HTML file uses `@media print` CSS to lay itself out for print. The browser handles the conversion — no plugins, no Acrobat, no designer needed. Here's the exact sequence.
Chrome has the most reliable print engine. Firefox works. Safari sometimes clips right edges — avoid if possible. Open the HTML file locally or from wherever it's hosted.
The browser's print dialog opens with a live preview of every page. You'll see exactly what the PDF will look like before saving.
In the top-right of the print dialog, change "Destination" from your printer to Save as PDF. In some browsers this is labeled Microsoft Print to PDF or PDF.
Layout, paper size, margins, and background graphics all matter. Wrong settings will crop content, break color, or blank the ink pages. The next table shows exactly what to pick per file.
Suggested filenames:
AIRfeet-Recovery-Brand-Bible-v4.pdf
AIRfeet-Recovery-Pitch-Deck-[SCHOOL].pdf
AIRfeet-Recovery-Group-Orders.pdf
One universal setting won't work — the Bible is portrait, the deck is landscape, the production art is a long scroll. Here are the exact settings per file.
| Setting | Brand Bible | Pitch Deck | Group Order | Production Art |
|---|---|---|---|---|
| Layout | Portrait |
Landscape |
Portrait |
Portrait |
| Paper size | Letter (8.5×11) |
Letter (8.5×11) |
Letter (8.5×11) |
Tabloid (11×17) preferred, Letter OK |
| Margins | None |
None |
None |
None |
| Scale | Default (100%) |
Default (100%) |
Default (100%) |
Custom · 85% if content clips |
| Background graphics | ON — required for ink sections | ON — required for ink slides | ON — required for hero band | ON — required for dielines |
| Headers & footers | Off |
Off |
Off |
Off |
| Result | ~15 pages | 14 pages | 2 pages | ~3-4 pages |
"Background graphics" is the killer setting. Chrome and Edge default it to OFF. If it's off, every dark section — the hero bands, ink slides, dielines, Ink product frames — will print as blank white. Turn it ON in "More settings" (Chrome) or under "Options" (Edge). Firefox is called "Print backgrounds" in Page Setup.
Second thing: Set margins to "None." The default margins add ~0.5" of white on every side that crops critical content and breaks slide dimensions.
Not all browsers print HTML the same way. Here's what to expect and what to avoid.
Most reliable. Best CSS print support. Handles the deck's 1920×1080 landscape slides correctly. The "Background graphics" checkbox is under "More settings" — expand it if you don't see it.
Reliable, but the print dialog looks different. "Print backgrounds" is under the "More settings" section, not the main dialog. Margin options are labeled differently — pick "None" or set all to 0mm.
Sometimes clips the right edge on wide content. Prints ink backgrounds only if "Print backgrounds" is checked under Show Details → Safari section. If pages look wrong, switch to Chrome — don't fight Safari.
Before exporting the Pitch Deck for a specific school (say Ohio State), open Licensing Pitch Deck.html in a text editor and Find & Replace [SCHOOL NAME] with Ohio State. Save. Then export to PDF. Reset the file (undo, or re-clone from the handoff bundle) between schools. Do NOT ship a PDF with [SCHOOL NAME] still in it — it looks like a mail merge that broke.
Use dates in filenames. AIRfeet-Recovery-Brand-Bible-v4-2026-08.pdf beats brand bible final v3 FINAL FINAL.pdf. Licensors and buyers will ask if it's current — the date in the filename answers that instantly.
The Bible PDF will be 15–25 MB because it embeds real product photography. Too big to email → drop into Google Drive or Dropbox and share the link. Under 10 MB works over most email systems; 25 MB is the practical cap for Gmail attachments.
The HTML files themselves also work as web deliverables — host them at airfeetrecovery.com/brand, /pitch, and /orders and you'll never need to re-export a PDF. The developer handoff bundle already accounts for this.
This guide itself uses the same print CSS. Click the button below (or press Cmd/Ctrl-P) to see exactly what the export flow looks like. If this page prints clean, all four deliverables will print clean.
// Remember: Background graphics ON · Margins None · Layout Portrait